﻿<!DOCTYPE html>
<!-- PC Browser-->
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="@Url.Content("~/css/Mobile.css")" />
    <link rel="stylesheet"  href="@Url.Content("~/css/jquery.mobile-1.0rc1.min.css")" />
    <title>@ViewBag.Title</title>
</head>
<body>
    <div data-role="page" class="type-home" data-theme="b">
        <div data-role="header">
            <h1 aria-level="1">TEST</h1>
        </div>
        <div data-role="content" data-theme="b">
            @RenderBody()
        </div>      
    </div>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.6.4.min.js")"></script>
    <script type="text/javascript">
        $(document).bind("mobileinit", function () {

            $('div[data-role="dialog"]').live("pagecreate", function () {
                if ($(this).attr('data-theme') && $(this).hasClass('ui-body-a')) {
                    theme = $(this).attr('data-theme')
                    $(this).removeClass('ui-body-a').addClass('ui-body-' + theme)
                }
            })

            $(document).ready(function () {
                $(".no-Ajax").click(function (event) {
                    //uncoment to disable the menu's ajax calls
                    // $.mobile.ajaxEnabled = false;
                });
            });
        });
    </script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.mobile-1.0rc1.min.js")"></script>    
    <script type="text/javascript" src='@Url.Content("~/Scripts/jquery.tmpl.min.js")'></script>
    @RenderSection("scripts", false)
</body>
</html>
